{% extends "cientifico/index.html" %}
{% load i18n %}
{% block title %} Criar XLS (Cientifico) {% endblock %}
{% block breadcrumb %}
<ul class="breadcrumb">
	<li>
		<span class="glyphicon glyphicon-home"></span> <a tabindex="2" href="{% url HomeCientifico %}" title="{% trans 'Home' %}">{% trans 'Home' %}</a>
	</li>
	<li class="active">{% trans "Lista Modulos Delegados" %}</li>
</ul>
{% endblock %}

<!-- Estes blocos é para alterar a classe do menu do index, refere se está ou não activo -->
{% block MenuModDeleg %}active{% endblock %}
{% block MenuInformacao %} {% endblock %}

{% block content %}
<div class="page-header whiteText">
  <h1>{% trans "Lista de Modulos Delegados"%}</h1>
</div>
<div class="whiteBox">
	<table cellpadding="0" cellspacing="0" border="0" class="display sumary_table" id="table_id" width="100%">
		<thead>
			<tr>
				<th class="cabecalho_sumario">Departamento Origem</th>
				<th class="cabecalho_sumario">Serviço Docente Origem</th>
				<th class="cabecalho_sumario">Horas a lecionar</th>
				<th class="cabecalho_sumario">Departamento a Delegar</th>
				<th colspan="2" class="cabecalho_sumario">Aprovar</th>
			</tr>
		</thead>
		<tbody>
			{% for id_modulo, departamento_origem, Servico_origem, horas, departamento_fim  in listToSend %}
			<tr>
				<td class="teacher_name_field">{{departamento_origem}}</td>
				<td>{{Servico_origem}}</td>
				<td>{{horas}}</td>
				<td>{{departamento_fim}}</td>
				<td><a href='{%url aprovarModulo id_modulo%}'>Sim</a></td>
				<td><a href='{%url reprovarModulo id_modulo%}'>Não</a></td>
			</tr>
			{% endfor %}
		</tbody>
		<tfoot>
			<tr>
				<td></td>
				<td></td>
				<td></td>
			</tr>
		</tfoot>
	</table>
	<div class="clearfix"></div>
</div>


<script src="/static/javaScript/jquery-2.0.3.js"></script>
<script src="/static/dataTables/js/jquery.dataTables.js"></script>
<script type="text/javascript">

$(document).ready(function() {
	$('#table_id').dataTable({
		"oLanguage": {
            "sUrl": "/static/dataTables/lang/pt-pt.txt"
        }	
	});
	$('.hasTooltip').tooltip({"container": false});
} );
</script>
{% endblock %}
